<template>
  <div>
    <div>
      <a-row>
        <a-col :span="24">
          <a-card>
            <h1>欢迎使用NeonAdmin管理系统</h1>
            <p>
              这是一个基于Vue和Ant
              Design构建的管理系统，提供用户管理、权限管理等功能。
            </p>
          </a-card>
        </a-col>
      </a-row>
      <a-row :gutter="[16, 16]" style="margin-top: 24px">
        <a-col :span="8">
          <a-card hoverable>
            <template #actions>
              <a-button type="primary" block>用户管理</a-button>
            </template>
            <a-statistic title="用户总数" :value="1128" />
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card hoverable>
            <template #actions>
              <a-button type="primary" block>权限管理</a-button>
            </template>
            <a-statistic title="权限项" :value="56" />
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card hoverable>
            <template #actions>
              <a-button type="primary" block>日志管理</a-button>
            </template>
            <a-statistic title="今日日志" :value="128" />
          </a-card>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script setup>
// 这里可以添加首页相关的逻辑
</script>

<style scoped>
/* 这里可以添加首页的样式 */
</style>